<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>一指赢商城</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <style>
        article, aside, blockquote, body, button, code, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
            margin: 0;
            padding: 0;
        }
        body {
            width: 100%;
            height: 100%;
            font-family: Arial,Helvetica,"微软雅黑","华文细黑",sans-serif;
            font-size: 12px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        img {
            border: 0;
        }
        button, input, optgroup, option, select, textarea {
            font-family: inherit;
            font-size: inherit;
            font-style: inherit;
            font-weight: inherit;
            outline: 0;
        }
        button {
            -webkit-appearance: none;
            border: 0;
            background: 0 0;
        }
        a{
            text-decoration: none !important;
        }
        a:active,
        a:hover {
            text-decoration: none !important;
        }
        .page-shopping-detail {
            padding-bottom: 88px;
        }
        .page-shopping-detail .g-info .g-icon {
            width: 100%;
            display: block;
        }
        .page-shopping-detail .g-info .g-name {
            font-size: 14px;
            padding: 10px 20px 0px;
        }
        .page-shopping-detail .g-info .g-prize {
            font-size: 16px;
            color: #c31b3e;
            padding: 5px 20px 10px;
        }
        .page-shopping-detail .g-info .unit {
            font-size: 14px;
        }
        .page-shopping-detail .g-info .g-deliverPrice {
            color: #9a9a9a;
            border-top: 1px dashed #e0e0e0;
            padding: 10px 20px;
        }
        .page-shopping-detail .g-detail-title {
            width: 100%;
            display: -webkit-box;
            -webkit-box-orient: horizontal;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            background-color: #f2f2f5;
            line-height: 34px;
            text-align: center;
            font-size: 12px;
        }
        .page-shopping-detail .item {
            width: 100%;
        }
        .page-shopping-detail .g-line {
            height: 0;
            border-top: 1px solid #000;
            display: block;
            width: 100px;
            margin: 0 20px;
        }
        .page-shopping-detail .g-line {
            height: 0;
            border-top: 1px solid #000;
            display: block;
            width: 100px;
            margin: 0 20px;
        }
        .page-shopping-detail .footer-bar {
            display: -webkit-box;
            -webkit-box-orient: horizontal;
            position: fixed;
            left: 0;
            bottom: 0;
            height: 48px;
            right: 0;
            border-top: 1px solid #e0e0e0;
        }
        .page-shopping-detail .footer-bar .footer-btn {
            display: block;
            height: 100%;
        }
        .page-shopping-detail .footer-bar .footer-btn-backhome {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            width: 80px;
            background: #fff;
        }
        .page-shopping-detail .footer-bar .footer-btn-backhome span {
            display: block;
            color: #9c9c9c;
        }

        .page-shopping-detail .footer-bar .footer-btn-buy, .page-shopping-detail .footer-bar .footer-btn-receive {
            -webkit-box-flex: 1;
            color: #fff;
            font-size: 16px;
        }
        .page-shopping-detail .footer-bar .footer-btn-receive {
            background: #62b3f1;
        }
        .page-shopping-detail .footer-bar .footer-btn-buy {
            background: #2093ec;
        }

    </style>
</head>
<body>
    <div class="mui-page page-shopping-detail">
        <div class="g-info">
            <img class="g-icon" src="<?php echo ($category["detail_banner"]); ?>">
            <div class="g-name"><?php echo ($category["name"]); ?></div><div class="g-prize"><span class="unit">￥</span><!-- react-text: 1551 --><?php echo ($category["money"]); ?><!-- /react-text --></div>
            <div class="g-deliverPrice"><!-- react-text: 1538 -->快递费：￥<!-- /react-text --><!-- react-text: 1552 -->15<!-- /react-text --><!-- react-text: 1539 -->元<!-- /react-text --></div>
        </div>
        <div class="g-detail">
            <div class="g-detail-title">
                <span class="g-line"></span>
                <span>详情介绍</span>
                <span class="g-line"></span>
            </div>
            <img class="item" src="<?php echo ($category["img"]); ?>">
        </div>
        <div class="footer-bar">
            <a href="http://400tcc.cn/shopping/index" class="footer-btn footer-btn-backhome">
                <img style="width:18px;" src="http://400tcc.cn/WebApp/Home/View/Public/baofeng/img/icon-back-home.png">
                <span>商城首页</span>
            </a>
            <a href="http://400tcc.cn/index" class="footer-btn footer-btn-receive" style="text-align:center;line-height:50px;">免费领货</a>
            <a href="http://400tcc.cn/shopping/buy?id=<?php echo ($category["id"]); ?>" class="footer-btn footer-btn-buy" style="text-align:center;line-height:50px;">立即购买</a>
        </div>
    </div>
</body>

</html>